.detail {
  background: white;
  margin-top: 0.0729rem;
  padding: 0.1042rem 0.125rem 0.1042rem 0.125rem;
  .detail-title {
    display: flex;
    align-items: center;
    .back-icon{
       display: flex;
       width: .15rem;
       height: .15rem;
       img{
          width: 100%;
          height: 100%;
       }
    }
    .dot {
      width: 0.0313rem;
      height: 0.0313rem;
      background: linear-gradient(180deg, #fcaa3e, #ff9500);
      border-radius: 100%;
    }
    .title {
      color: #2d2d2d;
      font-weight: bold;
      font-size: 0.1042rem;
      margin-left: 0.0521rem;
    }
  }
  .detail-content {
    display: flex;

    margin-top: 0.1042rem;
    .left {
      display: flex;
      flex-direction: column;
      width: 2.3958rem;
      .detail-img {
        width: 100%;
        display: flex;
        // height: 3.0208rem;
        img {
          width: 100%;
          // height: 100%;
        }
      }

      .font {
        margin-top: 0.0625rem;
        .title {
          font-size: 0.1042rem;
          font-weight: 600;
          color: #2d2d2d;
        }
        .small {
          font-size: 0.0833rem;
          margin-top: 0.0729rem;
          text-align: left;
          color: #696969;
        }
      }
    }

    .right {
      flex: 1;
      margin-left: 0.125rem;
      .right-top {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        border-bottom: 1px solid #e7ebee;
        padding-bottom: .0573rem;
        .button {
          width: 0.6615rem;
          height: 0.2188rem;
          display: flex;
          justify-content: center;
          align-items: center;
          background: linear-gradient(0deg, #232481, #3644bf);
          font-size: .0833rem;
          color: white;
          margin-right: .2083rem;
        }
      }
    }


  }
}
